<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>赢开云 过新年</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/swiper.animate.min.js"></script>
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animate.css">
    <script src="http://wximg.gtimg.com/wxp/libs/wxmoment/0.0.4/wxmoment.min.js" type="text/javascript"></script>
</head>

<body>
    <img id="imgUrl" src="img/shareImg.jpg" width="0" height="0" alt="" class="shareImg" />
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide page1" style="display:b;">
            <div id="door-streamer" class="swiper-no-swiping"><img src="./img/streamer.png" alt=""></div>
            <div class="couplet swiper-no-swiping">
              <div id="door-left">
                  <img src="./img/couplet-up.png" alt="">
              </div>  
              <div id="door-right">
                  <img src="./img/couplet-down.png" alt="">
              </div>  
            </div>
            <div class="index">
              <div class="voucher">
                <span class="fz12 mt5">已有</span>
                <span class="fz16">购车券</span>
              </div>
              <div id="WxMomentVideo"></div>
            </div>
            <!-- 购车券 -->
            <div class="popup-mini-voucher prize prize-no2" style="display:none;">
                <h2 class="mb10">购车券购车</h2>
                <p class="fz14 mb10">请输入抽中购车劵的手机号！</p>
                <ul class="mb20">
                  <li>
                      <label>输入手机号:</label>
                      <div class="info-input"><input type="text" name="" id=""></div>
                  </li>
                </ul>
                <div class="overflow-hidden voucher-btn">
                  <input type="button" class="btn btn1" value="">
                  <input type="button" class="btn btn2" value="">
                </div>
            </div>
            <div class="cover" style="display: none;"></div>
        </div>
        
        <div class="swiper-slide page2 swiper-no-swiping">
          
            <div class="charge">
                <div class="progress-bar">
                    <span class="progress-box">
                        <em class="num">0%</em>
                        <i class="progress-bar-color" style="width:0"></i>
                    </span>
                </div>

                <div class="charge-box">
                    <img src="./img/charge.png" alt="" class="charge-img">
                    <div class="charge-btn" id="btn2"></div>
                </div>
            </div>
            <!-- car -->
            <div class="car-box">
                <i class="car-icon"></i>
                <i class="car-door-icon" style="top: -200px;left: -200px"></i>
                <i class="car-box-icon" style="top: -200px;left: -200px"></i>
                <i class="wheel front-wheel"></i>
                <i class="wheel last-wheel"></i>
            </div>
            <!-- car end -->
            <div class="door-box-btn" style="display:none">
                <div class="door-box">
                    <img src="./img/hand.png" alt="" class="hand" />
                    <img src="./img/door-btn.png" alt="" class="door-btn">
                    <img src="./img/door-txt.png" alt="" class="door-txt">
                </div>
                <div class="box-box" style="display:none">
                    <img src="./img/hand.png" alt="" class="hand" />
                    <img src="./img/box.png" alt="" class="box-btn">
                    <img src="./img/box-txt.png" alt="" class="box-txt">
                </div>
            </div>
            
            <div class="cover"></div>
            
            <div class="cloud">
                <img src="./img/cloud.png" alt="" class="cloud1">
                <img src="./img/cloud.png" alt="" class="cloud2">
            </div>

            
            <div class="turnplate-box pan6" style="display:none">
                <div id="myCanvas">
                    <ul class="turnplate-list" style="display:none">
                        <li>使用权一年开云皮卡</li>
                        <li>¥ 600购车代金劵</li>
                        <li>¥ 10手机话费</li>
                        <li>¥ 1000购车代金券</li>
                        <li>¥  5</li>
                        <li>谢谢</li>
                    </ul>
                </div>
                <div class="pointer"></div>
                <div class="btn-case">
                    <button id="tupBtn" class="turnplatw-btn"></button>
                </div>
                
            </div>

            <div class="rule" style="display:none">活动规则&gt;&gt;&gt;</div>
            <div class="popup popup-default prize prize-no2 popup-rule" style="display:none;">
              <h2 class="mb10bf">活动规则</h2>
              <div class="popup-txt">
                <div class="txt">
                    <span class="til">活动时间：</span>
                    2017年1月20日-2017年1月25日
                    <span class="til">抽奖规则：</span>
                    参与游戏用户，首先需要通过频繁的点击
                    “充电”按钮，启动开云皮卡行驶，然后点击
                    “加装车门”和“加装封体式箱体”之后便可
                    进入抽奖界面。抽奖随机，每位用户只能获得
                    一个奖品，抽到奖品后将不能继续抽奖。
                    <span class="til">奖品设置：</span>
                    <div class="main">
                      <p>开云皮卡一年使用权<em>2名</em></p>
                      <p>开云皮卡1000元购车优惠券<em>15名</em></p>
                      <p>开云皮卡600元购车优惠券<em>25名</em></p>          
                      <p>10元手机话费<em>2500名</em></p>                                
                      <p>5元手机话费<em>5000名</em></p>
                    </div>                                              
                    <span class="til">奖品发放：</span>
                    参与活动需要填写正确的手机号，奖品会在20
                    17年1月28日前完成发放
                    购买开云皮卡请咨询：<span>95078888</span>
                    <p>本活动最终解释权归****所有</p>
                </div>
                <i class="del"></i>
              </div>
            </div>
            <!-- 输入个人信息 -->
            <div class="popup popup-default" id="userInfo" style="display:none;">
                <h2 class="mb10bf">请您输入个人信息</h2>
                <ul class="mb10bf">
                  <li>
                      <label>手机号:</label>
                      <div class="info-input"><input type="text" name="" id=""></div>
                  </li>
                </ul>
                <input type="button" class="btn" id="beginBtn" value="">
            </div>
            <!-- 一等奖 -->
            <div class="popup popup-default prize prize-no1" id="prizeNo1" style="display:none;">
                <h2>一等奖</h2>
                <p class="fz16">恭喜您赢得：</p>
                <p class="fz30">开云皮卡一年使用权</p>
                <p class="fz14">请输入基本信息，以便与您联系发奖 ！</p>
                <ul>
                  <li>
                      <label>姓名:</label>
                      <div class="info-input"><input type="text" name="" id=""></div>
                  </li>
                  <li>
                      <label>身份证号:</label>
                      <div class="info-input"><input type="text" name="" id=""></div>
                  </li>
                </ul>
                <input type="button" class="btn" value="">
            </div>
            <!-- 二等奖 -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2>二等奖</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz30 mb10bf">开云皮卡1000元购车劵</p>
                <p class="popup-text1">获得开云皮卡1000元代金劵的幸运者，点击下方的“我要购车”按钮，即可进入本活动购买开云皮卡专用通道。</p>
                <input type="button" class="btn" value="">
            </div>
            <!-- 三等奖 -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2>三等奖</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz30 mb10bf">开云皮卡600元购车劵</p>
                <p class="popup-text1">获得开云皮卡600元代金劵的幸运者，点击下方的“我要购车”按钮，即可进入本活动购买开云皮卡专用通道。</p>
                <input type="button" class="btn" value="">
            </div>
            <!-- 四等奖 -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="mb10bf">四等奖</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz30 mb10bf">10元手机话费</p>
                <input type="button" class="btn" value="">
            </div>
            <!-- 五等奖 -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="mb10bf">普惠奖</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz30 mb10bf">5元手机话费</p>
                <input type="button" class="btn" value="">
            </div>
            <!-- 谢谢参与 -->
            <div class="popup popup-default prize prize-null" style="display:none;">
                <h2>谢谢参与，继续努力</h2>
                <input type="button" class="btn" value="">
            </div>
            <!-- 成功中奖（一等奖） -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="mb10 fz24">提交成功</h2>
                <p class="fz16 mb10">恭喜您赢得：</p>
                <p class="fz30 mb10bf">开云皮卡一年使用权</p>
                <p class="fz16 mb10bf">身份证号为：123456789012345678</p>
                <p class="fz16 mb10bf pop-txt-box">随后会有客服人员和您联系，请保持电话畅通；</p>
                <input type="button" class="btn" value="">
            </div>
            <!-- 中奖（二等奖） -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="fz24 mb10bf">提交成功</h2>
                <p class="fz16 mb10">恭喜您赢得：</p>
                <p class="fz26 mb10bf">开云皮卡1000元购车劵</p>
                <p class="fz16 mb20 pop-txt-box">请点击购车券购车</p>
                <input type="button" class="btn btn3" value="">
            </div>
            <!-- 中奖（三等奖） -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="fz24 mb10bf">提交成功</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz26 mb10bf">10元手机话费</p>
                <input type="button" class="btn btn3" value="">
            </div>
            <!-- 中奖（五等奖） -->
            <div class="popup popup-default prize prize-no2" style="display:none;">
                <h2 class="fz24 mb10bf">提交成功</h2>
                <p class="fz16 mb10bf">恭喜您赢得：</p>
                <p class="fz26 mb10bf">5元手机话费</p>
                <input type="button" class="btn btn3" value="">
            </div>
        </div>
      </div>
      <i class="next-arrow"></i>
    </div>
    <!-- <audio src="audio/audio.mp3" id="musicAudio" loop="loop" autoplay="autoplay" preload="auto"></audio> -->
    <script src="js/swiper.min.js"></script>
    <script src="js/public.js"></script>
    <script>
      window.shareData = {
        "imgUrl": document.getElementById("imgUrl").src,//分享图标地址
        "timeLineLink": window.location.href,//分享朋友圈地址
        "sendFriendLink": window.location.href,//发送给朋友地址
        "title": document.title,//分享标题
        "content": '开云见喜迎新春云程祥瑞纳百福'  //分享描述
      };
    </script>
</body>
</html>